<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <meta http-equiv="X-UA-Compatible" content="IE=edge">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>Document</title>
</head>
<body>
  <script src="./bar.js"></script>
  <script src="./baz.js"></script>
  <script src="./foo.js"></script>
  <script>
    /* 
      没有模块化造成的问题
        1. 多人开发协作下,会有命名冲突
        2. 在js文件有依赖关系时,必须要有严格的引入顺序
    
        如何解决上述问题 , 采用IIFE(立即执行函数)
        IIFE会有什么问题呢?(无规范,也就是说模块化实际上就是一种规范)
          1. 多个模块可能会有命名冲突
          2. 代码看起来较为杂乱
          3. 要想使用之前的模块,还必须去看之前的命名
    
    */
  </script>
</body>
</html>